
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册页面</title>
    <link rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js">
    </script>

    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js">
    </script>

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
          integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js">
    </script>

    <style>
        body {
            background-image: url("img/sucai.jpg");
            background-repeat: no-repeat; /*设置背景不重复*/
            background-attachment: fixed; /*背景图片不会随着页面的滚动而滚动。*/
            background-size: cover; /*	此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。*/
        }
    </style>
</head>
<body>
<div>
    <h1 style="color: lightcyan">-请登录-欢迎光临-</h1>
    <header class="bg-dark" style="color: lightcyan">
        <h3 style="text-align: center;">希望您游戏愉快</h3>
    </header>
</div>
<br><br><br><br><br><br>
<%--<div style="text-align: center">--%>
<%--    <form action="/register" method="post" id="register">--%>
<%--        会员账号：<input type="number" name="unum" id="unum"><br>--%>
<%--        注册密码：<input type="password" name="upwd" id="upwd"><br>--%>
<%--        确认密码：<input type="password" name="upwd1" id="upwd1"><br>--%>
<%--        会员姓名：<input type="text" name="uname" id="uname"><br>--%>
<%--        手机号码：<input type="number" name="upne" id="upne"><br>--%>
<%--        注册邮箱：<input type="text" name="email" id="email"><br>--%>
<%--        <span id="sp" style="text-align: center"></span><br>--%>
<%--        <button type="submit">注册</button>--%>
<%--        <button type="reset">重置</button>--%>
<%--    </form>--%>
<%--</div>--%>

<%--
--%>\
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-7" >
    <div class="container mt-1" style="float:left">
        <form action="admin/adminLogin.jsp" method="post" validate class="was-validated">
            <div class="form-group row">
                <label class="col-md-2 col-form-label" for="useName">姓名：</label>
                <div class="col-md-5" >
                    <input type="text" class="form-control" id="useName" placeholder="请输入您的姓名" required>
                </div>
            </div>

            <div class="form-group row">
                <label class="col-md-2 col-form-label" for="useNumber">会员账号：</label>
                <div class="col-md-5" >
                    <input type="number" class="form-control" id="useNumber" placeholder="请输入您的身份证号" required>
                </div>
            </div>

            <div class="form-group row">
                <label class="col-md-2 col-form-label" for="usePwd">密码：</label>
                <div class="col-md-5" >
                    <input type="text" class="form-control" id="usePwd" placeholder="请输入您的密码" required>
                </div>
            </div>
            <div class="form-group row">
                <label class="col-md-2 col-form-label" for="usePwd1">确认密码：</label>
                <div class="col-md-5" >
                    <input type="text" class="form-control" id="usePwd1" placeholder="请再次输入您的密码" required>
                </div>
            </div>

            <div class="form-group form-check" >
                <label class="form-check-label"style="color:aquamarine">
                    <input class="form-check-input" type="checkbox" name="remember"required >
                    我同意条款和条件..
                    <div class="valid-feedback">确认</div>
                    <div class="invalid-feedback">
                        勾选并继续
                    </div>
                </label>
            </div>

            <div class="form-group row">
                <div class="col-md-5 offset-md-2">
                    <input type="submit" class="btn btn-primary" value="提交">
                    <input type="reset" class="btn btn-primary" value="重置">
                    <a href="index.jsp">
                    <input type="button" class="btn btn-primary" value="返回登陆页面">
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>
</div>



<%--<script type="text/javascript">--%>
<%--    //给注册按钮添加点击事件--%>
<%--    $("#register").click(function () {--%>
<%--        //获取用户注册的信息--%>
<%--        var unum=$("unum").value();--%>
<%--        var upwd=$("upwd").value();--%>
<%--        var upwd1=$("upwd1").value();--%>
<%--        var uname=$("uname").value();--%>
<%--        var upne=$("upne").value();--%>
<%--        var email=$("email").value();--%>
<%--        //判断姓名是否为空--%>
<%--        if (isEmpty(uname)){--%>
<%--            //如果姓名为空，用span标签赋值，并用return  html（）--%>
<%--            $("#sp").html("用户密码不可为空！！")--%>
<%--            return;--%>
<%--        }--%>
<%--        //判断账号是否为空--%>
<%--        if (isEmpty(unum)){--%>
<%--            //如果账号为空，用span标签赋值，并用return  html（）--%>
<%--            $("#sp").html("用户账号不可为空！！")--%>
<%--            return;--%>
<%--        }--%>
<%--        //判断密码是否为空--%>
<%--        if (isEmpty(upwd)){--%>
<%--            //如果密码为空，用span标签赋值，并用return  html（）--%>
<%--            $("#sp").html("用户密码不可为空！！")--%>
<%--            return;--%>
<%--        }--%>
<%--        //判断确认密码是否为空--%>
<%--        if (isEmpty(upwd1)){--%>
<%--            //如果确认密码为空，用span标签赋值，并用return  html（）--%>
<%--            $("#sp").html("用户密码不可为空！！")--%>
<%--            return;--%>
<%--        }--%>
<%--        //判断电话号码是否为空--%>
<%--        if (isEmpty(upne)){--%>
<%--            //如果电话号码为空，用span标签赋值，并用return  html（）--%>
<%--            $("#sp").html("用户密码不可为空！！")--%>
<%--            return;--%>
<%--        }--%>
<%--        //判断邮箱是否为空--%>
<%--        if (isEmpty(email)){--%>
<%--            //如果邮箱为空，用span标签赋值，并用return  html（）--%>
<%--            $("#sp").html("用户密码不可为空！！")--%>
<%--            return;--%>
<%--        }--%>
<%--        //如果都不为空，则手动提交表单--%>
<%--        $("#register").submit();--%>

<%--    })--%>
<%--    function isEmpty(str) {--%>
<%--        //判断字符串是否为空 trim意思是去掉前后空格是否为空字符串--%>
<%--        if (str==null || str.trim()==""){--%>
<%--            return true;--%>
<%--        }--%>
<%--        return false;--%>
<%--    }--%>

<%--</script>--%>

</body>
</html>
